<!-- La línea <!DOCTYPE> es una instrucción para el navegador Web sobre la versión en la cual está escrita la página HTML -->
<!-- Se refiere a una Definición de Tipo de Documento (DTD), la cual especifica las reglas del lenguaje de marcado, --> 
<!-- así los navegadores pueden renderizar el contenido correctamente. -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html>
	<head>
		
		<title>Aplicaci&oacute;n ejemplo</title>
		
		<script type="text/javascript" src="script_ejemplo.js"></script>
		
		<!-- El tag <link> define la relación entre un documento y un recurso externo. -->
		<!-- El tag <link> se utiliza principalmente para linkear hojas de estilo. -->
		<!-- El elemento <link> debe estar embebido en la sección <head>, pero puede aparecer varias veces. -->
		<!-- El atributo 'rel' indica la relación existente entre el documento actual y el relacionado -->
		<link type="text/css" href="stylesheet.css" rel="stylesheet"/>
	</head>
	
	<body>
		
		<h1>Aplicaci&oacute;n ejemplo</h1>
		
		<div id="container">
			
			<br/>
			
			<label class="label">Nombre:</label><input id="nombre" type="text" onblur="validarRequerido('nombre');" maxlength="30">
			
			<br/>
			
			<a href="" onclick="contarVocales('nombre');" id="link">Contar vocales!</a>
			
		</div>
		
	<body>
	
</html>
